.container {
    .form {
        background: url(../images/logo.png) no-repeat 0 0;
        background-size: 7.5rem 5rem;
        overflow: hidden;
        form {
            margin-top: 3.8rem;
            .form-item {
                margin: 0.3rem 8%;
                input {
                    width: 100%;
                    height: 1.02rem;
                    font-size: 0.28rem;
                    background: url("../images/tele.png") no-repeat 0.12rem center;
                    background-size: 0.28rem 0.42rem;
                    padding-left: 0.8rem;
                    border: 0;
                    border-bottom: 1px solid #D1D1D1; // 修改placeholder样式（兼容性）
                    &::-webkit-input-placeholder {
                        color: #4e4e4e;
                    }
                    /* 使用webkit内核的浏览器 */
                    &::-moz-placeholder {
                        color: #4e4e4e;
                    }
                    /* Firefox版本4-18 */
                    &::-moz-placeholder {
                        color: #4e4e4e;
                    }
                    /* Firefox版本19+ */
                    &:-ms-input-placeholder {
                        color: #4e4e4e;
                    }
                } // 验证码输入框样式
                &:nth-of-type(2) {
                    position: relative;
                    #captaha {
                        background: url("../images/captaha.png") no-repeat 0.12rem center;
                        background-size: 0.35rem 0.42rem;
                    } // 发送验证码样式
                    #codeBtn {
                        position: absolute;
                        right: 0.12rem;
                        top: 0.14rem;
                        width: 1.72rem;
                        height: 0.6rem;
                        line-height: 0.6rem;
                        font-size: 0.22rem;
                        color: #fff;
                        padding: 0;
                        background-color: #E25757;
                        border-radius: .3rem;
                    }
                } // 密码输入框样式
                &:nth-of-type(3) {
                    #password {
                        background: url("../images/pw.png") no-repeat 0.12rem center;
                        background-size: 0.37rem 0.42rem;
                    }
                } // 邀请码输入框
                &:nth-of-type(4) {
                    #inviteCode {
                        background: url("../images/invite.png") no-repeat 0.12rem center;
                        background-size: 0.37rem 0.34rem;
                    }
                }
            } // 条款样式
            .item {
                margin: 0.46rem 8% 0;
                padding-left: 0.12rem;
                label {
                    width: 0.32rem;
                    height: 0.32rem;
                    margin-right: 0.4rem;
                    background: url("../images/checked.png") no-repeat center center;
                    background-size: 0.32rem 0.32rem;
                }
                input[type="checkbox"] {
                    opacity: 0;
                }
                span {
                    color: #767676;
                    font-size: 0.22rem; // vertical-align: middle;
                    a {
                        font-size: .22rem;
                        color: #767676;
                    }
                }
            } // 提交按钮
            .submit {
                margin: 0.96rem 10% 1rem;
                #btn {
                    border: 0;
                    display: block;
                    width: 100%;
                    height: 0.8rem;
                    color: #fff;
                    font-size: 0.3rem;
                    border-radius: 0.4rem;
                    background-color: #E25757;
                }
            } // 链接地址样式
            .links {
                text-align: center;
                font-size: 0.26rem;
                color: #767676;
                span {
                    font-size: 0.26rem;
                }
                a {
                    color: #8eb457;
                    font-size: 0.26rem;
                    margin-right: 0.24rem;
                }
            }
        }
    }
}

.artical {
    line-height: 2em;
    position: absolute;
    z-index: 888;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    header {
        height: 0.88rem;
        line-height: 0.88rem;
        background-color: #f5445d;
        text-align: center;
        position: relative;
        color: #FEF0F2;
        font-size: 0.36rem;
        a {
            position: absolute;
            height: 0.88rem;
            width: 1rem;
            text-align: center;
            left: 0;
            img {
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
    }
    section {
        overflow-y: scroll;
        p {
            margin: .15rem .3rem;
            text-indent: 2em;
        }
        h4 {
            margin: .15rem 0;
            padding-left: .15rem;
        }
        ul {
            margin: 0;
            li {
                margin: .15rem .3rem 0;
            }
        } // 去除滚动条
        &::-webkit-scrollbar {
            width: 0;
        }
        &::-webkit-scrollbar:horizontal {
            height: 0;
        }
    }
}